<template>
  <div class="stall-photo-list">

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

    <dl>
      <dt>
        <img
          mode="aspectFill"
          src="https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=100786595,2390097442&fm=15&gp=0.jpg" />
      </dt>
      <dd>小龙坎虾滑小龙坎虾滑</dd>
      <i v-if="test_edit" class="iconfont icon-guanbi" @click="del"></i>
    </dl>

  </div>
</template>

<script>
  export default {
    data () {
      return {

      }
    },
    props: {
      // 是否为编辑状态，是否显示删除按钮
      test_edit: {
        type: Boolean,
        default: false
      }
    },
    methods: {
      /**
       * 删除图片
       */
      del () {
        console.log('删除')
      }
    }
  }
</script>

<style scoped lang="less" src="./stall-photo-list.less"></style>
